<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>表格标签</title>
	</head>
	<body>
		<!-- 表格标签：table
			thead:表头部分
			tbody:表格数据单元部分
			tr:table tow 表格的行
			th:table head 表头
			td:table data 数据单元格
			border:边框
			cellspacing:数据单元格之间的距离
			cellpadding:数据和边框的填充距离
		-->
		<table border="3" cellspacing="0" cellpadding="10">
			<!-- 表格标签 -->
			<thead> <!-- 表头部分 -->
				<tr> <!-- 行 -->
					<th>书名</th> <!-- 表头 -->
					<th>作者</th>
					<th>购买地址</th>
					<th>样式</th>
				</tr>
			</thead>
			<tbody> <!-- 数据部分 -->
				<!-- 数据第一行 -->
				<tr>
					<td>活着</td>
					<td>余华</td>
					<td>
						<a href="https://pro.jd.com/mall/active/3sAaxodHF7kfo3s95cjxo2UZUxu2/index.html">京东网</a>
					</td>
					<td>
						<img src="img/jpg.jfif" width="50px" />
					</td>
				</tr>
				<!-- 第二行数据 -->
				<tr>
					<td>四世同堂</td>
					<td>老舍</td>
					<td>
						<a href="https://pro.jd.com/mall/active/3sAaxodHF7kfo3s95cjxo2UZUxu2/index.html">京东网</a>
					</td>
					<td>
						<img src="img/jpg2.webp" width="50px" />
					</td>
				</tr>
				<tr>
					<!-- 第三行数据 -->
					<td>晚熟的人</td>
					<td>莫言</td>
					<td>
						<a href="https://pro.jd.com/mall/active/3sAaxodHF7kfo3s95cjxo2UZUxu2/index.html">京东网</a>
					</td>
					<td>
						<img src="img/jpg3.webp" width="50px" />
					</td>
				</tr>

			</tbody>
		</table>
	</body>
</html>